<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评论管理WZ</title>
</head>
<body>
<table class="table">
    <thead>
    <tr>
        <th>用户名</th>
        <th>评论</th>
    </tr>
    </thead>
    <tbody>

    <!--/*@thymesVar id="show_suggestion" type=""*/-->
<!--    <tr th:each="su : ${show_suggestion}" class="question-row">-->
<!--        <td th:text="${su.userid}"></td>-->
<!--        <td th:text="${su.talk}"></td>-->
<!--&lt;!&ndash;        <td><button type="button" class="confirm-btn">删除</button></td>&ndash;&gt;-->
<!--        <td><button type="button" class="confirm-btn" onclick="deleteComment(su.userid)">删除</button></td>-->
<!--    </tr>-->
    <!-- ... -->
    <tr th:each="su : ${show_suggestion}" class="question-row">
        <td th:text="${su.userid}"></td>
        <td th:text="${su.talk}"></td>
        <td><button type="button" class="confirm-btn" onclick="deleteComment(this)">删除</button></td>
    </tr>
    <!-- ... -->
    </tbody>
</table>
<script>
// function deleteComment(userid) {
// // 发送Ajax请求到后端删除接口
// fetch('/delete-comment', {
// method: 'POST',
// headers: {
// 'Content-Type': 'application/json',
// },
// body: JSON.stringify({ userid: userid }),
// })
// .then(response => {
// if (response.ok) {
// // 删除成功后，可以刷新页面或者更新评论列表
// alert('评论删除成功！');
// location.reload(); // 例如刷新页面
// } else {
// alert('评论删除失败！');
// }
// })
// .catch(error => {
// console.error('Error deleting comment:', error);
// alert('评论删除失败！');
// });
// }
function deleteComment(button) {
    var talk = button.parentElement.parentElement.querySelector('td:nth-child(2)').innerText.trim(); // 获取第二列的内容（talk）
    // 发送包含 talk 的 Ajax 请求
    fetch('/delete-comment', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ talk: talk }),
    })
        .then(response => {
            if (response.ok) {
                alert('评论删除成功！');
                location.reload(); // 成功删除后刷新页面
            } else {
                alert('评论删除失败！');
            }
        })
        .catch(error => {
            console.error('删除评论时出错：', error);
            alert('评论删除失败！');
        });
}
</script>
</body>
</html>